<template>
	<view class="lay">
		<workNavbar></workNavbar>
		<view class="search">
			<uni-search-bar cancelButton="none" v-model="keywords" placeholder="搜索"></uni-search-bar>
		</view>
		<view class="swiper">
			  <u-swiper
			        :list="list1"
			        @change="change"
			    ></u-swiper>
		</view>
		<view class="workbench-title">我的</view>
		<view class="toolbar">
			<u-grid class="grid" :column="4" :border="false">
				<u-grid-item :index="0" @click="navTo('/pages/workbench/approval')" >
					<view class="home-icon icon-color01">
						<i class="iconfont icon-qingjia"></i>
					</view>
					<view class="grid-text">请假申请</view>
				</u-grid-item>
				
				<u-grid-item :index="1" @click="navTo('/pages/workbench/myApproval')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-hetongguanli"></i>
					</view>
					<view class="grid-text">我的假单</view>
				</u-grid-item>
				<u-grid-item :index="2" @click="navTo('')">
					<view class="home-icon icon-color03">
						<i class="iconfont icon-chucha"></i>
					</view>
					<view class="grid-text">出差申请</view>
				</u-grid-item>
				<u-grid-item :index="3" @click="navTo('')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-ribao"></i>
					</view>
					<view class="grid-text">日报</view>
				</u-grid-item>
				<u-grid-item  @click="navTo('')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-tongzhi"></i>
					</view>
					<view class="grid-text">邮件</view>
				</u-grid-item>
				<u-grid-item  @click="navTo('')">
					<view class="home-icon icon-color05">
						<i class="iconfont icon-huiyishi"></i>
					</view>
					<view class="grid-text">会议室</view>
				</u-grid-item>
				<u-grid-item  @click="navTo('')">
					<view class="home-icon icon-color13">
						<i class="iconfont icon-tianjia" style="color:#90949d;"></i>
					</view>
					<view class="grid-text">添加常用</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	export default{
		options:{styleIsolation: 'shared'},
		data(){
			return{
				keywords:'',
				 list1: [
				    'https://cdn.uviewui.com/uview/swiper/swiper1.png',
				    'https://cdn.uviewui.com/uview/swiper/swiper2.png',
				    'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				    ]
			}
		},
		methods:{
			  change(){
				  
			  },
			  navTo(url){
				  uni.navigateTo({
				  	url:url
				  })
			  }
		}
	}
</script>

<style scoped lang="scss">
@import 'index.scss';
	.lay{
		margin-left: 20rpx;
		margin-right: 20rpx;	
	}
	.toolbar{
		margin-top: 20rpx;
	}
	.home-icon i.icon-tongzhi{
		font-size: 22px;
	}
	.workbench-title{
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		padding: 10px 20rpx;
	}
</style>